<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link href="css/templatemo_style.css" rel="stylesheet">
<link href="css/templatemo_misc.css" rel="stylesheet">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script>
<style type="text/css">
.templatemo_form {
left: -50px;
}
.templatemo_form input{
height: 20px;
width: 250px;
}
</style>
<script type="text/javascript">

function validate(param, paramMessage){

	var xmlHttpRequest=init();

	  function init(){

	if (window.XMLHttpRequest) {
	           return new XMLHttpRequest();
	       } else if (window.ActiveXObject) {
	           
	           return new ActiveXObject("Microsoft.XMLHTTP");
	       }
	}
	var parameter=document.getElementById(param);
	console.log("tu "+ parameter.value);
	console.log("tu2 "+ type.value);
	var type=document.getElementById("type");
	xmlHttpRequest.open("GET", "AddUser?val="+ encodeURIComponent(parameter.value)+"&parameter="+param+ "&type="+encodeURIComponent(type.value), true);
	xmlHttpRequest.onreadystatechange=processRequest;
	xmlHttpRequest.send(null);

	function processRequest(){

	if(xmlHttpRequest.readyState==4){
	   if(xmlHttpRequest.status==200){
	    
	      processResponse();

	    }
	  }
	}

	function processResponse(){

	var xmlMessage=xmlHttpRequest.responseXML;

	var validation=xmlMessage.getElementsByTagName("valid")[0].firstChild.nodeValue;

if(validation== "true"){
		if (param == "email"){
			var paramMessage=document.getElementById("emailMessage");
			paramMessage.innerHTML = "<div style=\"color: red\">e-mail nie istnieje w bazie</div>";}
		  }
	 }
	}  


</script>



<header>
	<h1>Przypomnienie hasła</h1>
</header>

<div class="content">
<div class="content-description">
Jezeli zapomniałeś hasła i nie masz dostępu do swojego konta, mozesz resetowac hasło. 
<br />
Aby rozpocząc proces resetowania hasła, podaj adres e-mail, którego uzyłeś podczas rejestracji. 
<br />
Po jego zatwierdzeniu dostaniesz wiadomośc na podany adres z dalszymi wskazówkami.
</div>
<br />
<form role="form"  style= "top: 75px"id='passwordReminder' action="passwordReminder" method="POST">

<div class="templatemo_form">
	<input name="username" type="text" class="form-control" id="username" required placeholder="Twoja nazwa uzytkownika">
					
						<input name="email" type="email" class="form-control" id="email" required placeholder="Twój adres e-mail">
					</div>
					<div id="emailMessage" name="emailMessage"></div>
					<br />
					<br />
<div class="templatemo_form">
		<button class="btn btn-primary" type="submit" id="passwordReminderConfirm" >wyślij </button>
		</div>
</form>

</div>
